<!doctype html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{fragments/layout :: common_head(~{::title},~{::link})}">
    <title>费用项查询</title>
    <link th:href="@{/css/query.css}" rel="stylesheet"/>
</head>
<body>
<div class="container my-5">
    <form id="searchForm" class="mb-4 d-flex flex-wrap" action="/api/feeItem/query">
        <div class="row ">
            <div class="form-group col-md-4">
                <label for="id" class="form-label">编码</label>
                <input type="text" name="id" id="id" class="form-control" placeholder="编码">
            </div>
            <div class="form-group col-md-4">
                <label for="name" class="form-label">名称</label>
                <input type="text" name="name" id="name" class="form-control" placeholder="名称">
            </div>
            <div class="form-group col-md-4">
                <label for="unit" class="form-label">计价单位</label>
                <input type="text" name="unit" id="unit" class="form-control" placeholder="计价单位">
            </div>
            <div class="form-group col-md-4">
                <label for="price" class="form-label">价格(元)</label>
                <input type="number" step="0.01" name="price" id="price" class="form-control" placeholder="价格(元)">
            </div>
            <div class="form-group col-md-4">
                <label for="type" class="form-label">医保类别</label>
                <input type="text" name="type" id="type" class="form-control" placeholder="医保类别">
            </div>
            <div class="form-group col-md-4 d-flex justify-content-end align-items-end">
                <button type="submit" class="btn btn-primary">搜索</button>
            </div>
        </div>
    </form>
    <table id="resultTable" class="table table-striped table-hover">
        <thead>
        <tr>
            <th>编码</th>
            <th>名称</th>
            <th>计价单位</th>
            <th>价格(元)</th>
            <th>医保类别</th>
        </tr>
        </thead>
        <tbody id="feeItemsTable">
        </tbody>
    </table>
    <nav>
        <div id="pagination" class="pagination pagination-container"></div>
    </nav>
</div>

<div th:replace="~{fragments/footer :: copy}"></div>
<div  th:replace="~{fragments/layout :: common_script(~{::script})}">
    <script th:src="@{/js/leadTable.js}"></script>
    <script th:src="@{/js/query.js}"></script>
</div>
</body>
</html>